import React from "react"
import { Row, Col ,Icon ,message, Input, Layout} from 'antd';
import { Carousel } from 'antd';

// 引入css样式文件
import "./mobile_body.css"

export default class Body extends React.Component{

	render(){
		//如果用户登录，则切换到用户中心模块，未登录则切换到登录界面
		return (
			<div>
				<div>
					<div className="carouselContainor ">
						<Carousel autoplay>
							<div><h3>1</h3></div>
							<div><h3>2</h3></div> 
							<div><h3>3</h3></div>
							<div><h3>4</h3></div>
						</Carousel>
					</div>
				</div>
				<div>
					<div className="goodsClassContainor">
						<Layout>
							<Row>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
                                <Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
                            </Row>
							<Row>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
								<Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
                                <Col span={4} className="goodContainor"><div className="iconContainor"><Icon type="credit-card" /></div><p>水卡票券</p></Col>
                            </Row>
						</Layout>
					</div>
				</div>
			</div>
		)
	}
}